body{
  background-color:#000000;
  margin:0px;
  padding:0px;
  font-family:arial;
  overflow-x:hidden;
}
#large{
  z-index:4;
  position:relative;
  transition:0.4s ease-in-out;
   height:95px;
   padding:10px;
   text-align:center;
}
#navbar {
  position:relative;
  margin:0px;
  padding:0;
  height:95px;
  width:100%;
}
#active{
color:#0000cc;
}
.item1{
  color:white;
  text-decoration:none;
 margin:20px;
 margin-top:23px;
 margin-bottom:0px;
 padding:15px;
 position:relative;
 display:inline-block;
font-family:arial;
font-size:17px;
margin-left:30px;
max-width:100%;
transition:0.4s ease-in-out;
border-radius:50px;
z-index:2;
font-weight:bold;
}
.item1:hover{
font-size:28px;
color:#0000b3;

}

#landing{
  background-image:url('../img/Project img/Opera House 03.jpg');
  width:100%;
  height:80pc;
    position:relative;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center;
  background-attachment:fixed;
}
#intro{
  margin:50px;
  position:absolute;
  left:60%;
  top:200px;
  color:white;
  font-family:verdana;
  font-size:35px;
   text-shadow:1px 1px 1px black;
}
emp{
  color:#0371a5;
}
section{
  position:relative;
}
#video{
  display:inline-block;
  position:fixed;
  top:200px;
  left:50px;
width:500px;
height:500px;
padding:0px;
shadow:10px;
opacity:0.8;
}
#quote{
  font-size:30px;
  font-family:verdana;
  position:absolute;
  top:250px;
  left:60%;
  width:500px;
  text-shadow:1px 1px 1px grey;
}
@media screen and (max-width:1000px){
  section{
    text-align:center;
  }
#intro{
  font-size:20px;
  left:50px;
  top:100px
}
#video{
  width:300px;
left:100px;
}
#landing{
  background-image:url('../img/Project img/Offices/The Eighth  Gate Project/003-min.jpg')
}
}